<%@include file="startUpIncludes.jsp" %>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
        <title>
            New Action Type
        </title>
    <script type="text/javascript" src="../js/actionPredefindValue.js"></script>
    </head>
    <body>
    <jsp:include page="header.jsp" >
		<jsp:param value="true" name="loggedIn"/>
	</jsp:include>
    <div class="wrap">
	<div class="fitBG">
        <div class="main">
		<%@include file="basicLeftMenu.jsp" %>
            <div class="content">
				<jsp:include page="tabs.jsp" >
					<jsp:param value="leads" name="currentPage"/>
				</jsp:include>
                <div class="tab-content">
                <h3>New Action Type</h3>
                <form class="new-action-type-form" method="post" action="/sales/s/new-action-type" enctype="multipart/form-data">
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a  href="/sales/s/leads" class="form-btn">Cancel</a>
                </div>
                <div class="form-row">
                    <h4>Required Information</h4>
                    <div class="info"><label>Action Type Owner: </label><span>${userDetails.fName}</span></div>
                    <div class="input-col">
                        <label>Action Type Name: </label>
                        <input type="text" class="TB" name="actionTypeName"/>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Field #1</h4>
                    <div class="input-col">
                        <label>Field Name: </label>
                        <input type="text" class="TB" name="fieldName1"/>
                    </div>
                    <div class="input-col" style="visibility: hidden;">
                    <label>hidden</label>
                    <input type="text" class="TB"/>
                    </div>
                    <div class="input-col">
                        <label>Field Data Type: </label>
                        <select class="TB" name="actionDataType1">
                        <option value="String">Text</option>
                        <option value="Integer">Number</option>
                        <option value="Date">Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Field Validation Type: </label>
                        <select class="TB" name="actionValidationType1">
                        <option value="notEmptyString">Not Empty Text</option>
                        <option value="optionalString">Optional Text</option>
                        <option value="scheduledDate">Scheduled Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Field View Type: </label>
                        <select class="TB actionViewType" name="actionViewType1" id="actionViewType1">
                        <option value="text">Text Box</option>
                        <option value="textarea">Text Area</option>
                        <option value="select">Menu (List)</option>
                        <option value="checkbox">Check Box</option>
                        <option value="radio">Radio Buttons</option>
                        </select>
                    </div>
                <div class="predefinedMultipleValues" id="predefinedMultipleValues1">
                    <label>Value #1: </label>
                    <input type="text" class="TB" name="field1value1"/>
                    <label>Value #2: </label>
                    <input type="text" class="TB" name="field1value2"/>
            		<a href="#" id="addValue1">Add another value</a>
                	<input type="hidden" name="field1ValuesCount" value="2" id="field1ValuesCount"/>
                </div>
                </div>
                <a href="#" id="addField">Add another field</a>
                <input type="hidden" name="fieldsNum" value="1" id="fieldsNum"/>
                <%-- <div class="form-row">
                    <h4>Field #2</h4>
                    <div class="input-col">
                        <label>Action Type Name: </label>
                        <input type="text" class="TB" name="actionTypeName2"/>
                        <label>Action Data Type: </label>
                        <select class="TB" name="actionDataType2">
                        <option value="String">Text</option>
                        <option value="Integer">Number</option>
                        <option value="Date">Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Action Validation Type: </label>
                        <select class="TB" name="actionValidationType2">
                        <option value="notEmptyString">Not Empty Text</option>
                        <option value="optionalString">Optional Text</option>
                        <option value="scheduledDate">Scheduled Date</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Field #3</h4>
                    <div class="input-col">
                        <label>Action Type Name: </label>
                        <input type="text" class="TB" name="actionTypeName3"/>
                        <label>Action Data Type: </label>
                        <select class="TB" name="actionDataType3">
                        <option value="String">Text</option>
                        <option value="Integer">Number</option>
                        <option value="Date">Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Action Validation Type: </label>
                        <select class="TB" name="actionValidationType3">
                        <option value="notEmptyString">Not Empty Text</option>
                        <option value="optionalString">Optional Text</option>
                        <option value="scheduledDate">Scheduled Date</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Field #4</h4>
                    <div class="input-col">
                        <label>Action Type Name: </label>
                        <input type="text" class="TB" name="actionTypeName4"/>
                        <label>Action Data Type: </label>
                        <select class="TB" name="actionDataType4">
                        <option value="String">Text</option>
                        <option value="Integer">Number</option>
                        <option value="Date">Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Action Validation Type: </label>
                        <select class="TB" name="actionValidationType4">
                        <option value="notEmptyString">Not Empty Text</option>
                        <option value="optionalString">Optional Text</option>
                        <option value="scheduledDate">Scheduled Date</option>
                        </select>
                    </div>
                </div>
                <div class="form-row">
                    <h4>Field #5</h4>
                    <div class="input-col">
                        <label>Action Type Name: </label>
                        <input type="text" class="TB" name="actionTypeName5"/>
                        <label>Action Data Type: </label>
                        <select class="TB" name="actionDataType5">
                        <option value="String">Text</option>
                        <option value="Integer">Number</option>
                        <option value="Date">Date</option>
                        </select>
                    </div>
                    <div class="input-col">
                        <label>Action Validation Type: </label>
                        <select class="TB" name="actionValidationType5">
                        <option value="notEmptyString">Not Empty Text</option>
                        <option value="optionalString">Optional Text</option>
                        <option value="scheduledDate">Scheduled Date</option>
                        </select>
                    </div>
                </div>--%>
                <div class="btns">
                <input type="submit" value="Save" class="form-btn"/><a href="/sales/s/leads" class="form-btn">Cancel</a>
                </div>
                </form>
                </div>
            </div>
        </div>
        
    <%@include file="footer.jspf" %>
    </div>
    </div>

    </body>
</html>